<template>
	<view>
		<view>
			<view class="status_bar">
				<!-- 这里是状态栏 -->
			</view>
			<view class="bt">
				<view class="titleLeftButton" @click="backButton">〈</view>  
				<view class="bt_text"><text>汽车美容</text></view>
			</view>
		</view>
		<beauty></beauty>
	</view>
</template>

<script>
	import beauty from "../../components/beauty/beauty.vue";
	export default {
		components: {
			beauty
		},
		data() {
			return {

			}
		},
		methods: {
			backButton(){  
			        uni.navigateBack()  
			    }  
		}
	}
</script>

<style>
	.bt {
		width: 750rpx;
		height: 56rpx;
		position: absolute;
		top: 104rpx;
		font-family: PingFang SC;
		font-size: 40rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 56rpx;
		letter-spacing: 0rpx;
		color: #ffffff;
		display: flex;
		box-sizing: border-box;
		padding: 0 30rpx;
	}
	.bt_text{
		width: 90%;
		text-align: center;
	}
	.status_bar {
		height: var(--status-bar-height);
		width: 750rpx;
		height: 232rpx;
		background-image: linear-gradient(0deg,
				#87bfff 0%,
				#0058bb 100%);
	}
</style>
